<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet"
	href="<%=path%>/css/indextop/css/open_sans_font.css?family=Open+Sans:400italic,600italic,300,600" />
<link rel="stylesheet" href="<%=path%>/css/indextop/css/header.css" />
<script type="text/javascript">
	$(function() {
		$("#ggCount").html("4");//去后台查询未读公告数，目前暂时写死
		$('#ggTitle').tooltip({//去后台查询未读公告数，然后加上title
		    content: '有4条公告未读'
		});
		
		$(document).click(function(){
			var obj = $(window.parent.document).find("#setPanle");
			//用户信息
			if(isOnDiv($("#user_info")[0])){
				if(obj.css('display') == 'none'){
					obj.show();
				}else{
					obj.hide();
				}
			}else{
				obj.hide();
			}
			/* //公告
			if(isOnDiv($("#gonggao")[0])){
				//调用方法
				addTab('公告通知', 'page/bs/assistFunction/ggNotice/ggNotice_list.jsp');
			} */
		});
	});
	
	function isOnDiv(e){
		if(e instanceof jQuery){
			e = e[0];
		}
		var wx = window.event.clientX;
		var wy = window.event.clientY;
		var d_left = e.offsetLeft;
		var d_top = e.offsetTop;
		var d_width = e.clientWidth;
		var d_height = e.clientHeight;
		if (wx > d_left && wy > d_top
				&& wx < (d_left + d_width)
				&& wy < (d_top + d_height)) {
			return true;
		} else {
			return false;
		}
	}
</script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<img src="<%=path%>/css/images/YD_LOGO2.png" />
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->
			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<!-- 
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i class="icon-tasks"></i> <span
							class="badge badge-grey">4</span>
					</a></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="icon-bell-alt icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a></li>
					
					<li class="green" id="gonggao"><a data-toggle="dropdown" id="ggTitle"
						class="dropdown-toggle" href="#"> <i class="icon-comment"></i>
							<span class="badge badge-success" id="ggCount" ></span>
					</a></li>
 					-->
					<li class="light-blue" id="user_info"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="<%=path%>/css/indextop/img/user.jpg" alt="Jason's Photo">
							<span class="user-info"> <small>欢迎光临,</small>
								${loginUser.realName }
						</span> <i class="icon-caret-down"></i>
					</a>
						
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->
		<!-- theme start -->
		<a href="#" onclick="parent.changeTheme('metro-blue');" title="蓝" class="easyui-tooltip"> <span style="background-color: #6CAEF5;font-family: '宋体'">&nbsp;&nbsp;</span>
		</a><a href="#" onclick="parent.changeTheme('metro-gray');" title="灰" class="easyui-tooltip"><span style="background-color: #84909C;font-family: '宋体'">&nbsp;&nbsp;</span>
		</a><a href="#" onclick="parent.changeTheme('metro-green');" title="绿" class="easyui-tooltip"><span style="background-color: #cbd47b;font-family: '宋体'">&nbsp;&nbsp;</span>
		</a><a href="#" onclick="parent.changeTheme('metro-orange');" title="橙" class="easyui-tooltip"><span style="background-color: #F7CC8F;font-family: '宋体'">&nbsp;&nbsp;</span>
		</a><a href="#" onclick="parent.changeTheme('metro-red');" title="红" class="easyui-tooltip"><span style="background-color: #F09090;font-family: '宋体'">&nbsp;&nbsp;</span></a>
		<!-- theme end -->
	</div>
</body>
</html>
